<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html lang="en"
	class="app">
<head>
<%@include file="/common/common.jspf"%>
<script type="text/javascript" src="${ctx}/js/system/user/updatePassword.js"></script>
<script type="text/javascript">
	$(function() {
    //修改时间2015年10月13日14:32:57
    //修改在手机上点击菜单后菜单不关闭问题
    //修改人赵雷
    alert("come in  hehe !");
    var winwidth = $("body").width();
    if(winwidth<770){
      $("#nav ul.lt li").click(function(){
        $("#nav").removeClass("nav-off-screen");
     });
    }
    //---------修改人赵雷完毕----------
		var tb = $("#loadhtml");
		tb.html(CommnUtil.loadingImg());
		tb.load(rootPath+"/monitor/monitor.shtml");
		$("[nav-n]").each(function () {
				$(this).bind("click",function(){
						var nav = $(this).attr("nav-n");
// 						var sn = nav.split(",");
// 						alert(sn);
						var html = '<li><i class="fa fa-home"></i>';
						html+='<a href="myindex.shtml">Home</a></li>';
						html+='<li><a href="javascript:void(0)">'+nav+'</a></li>';
// 						for(var i=0;i<2;i++){
// 							html+='<li><a href="javascript:void(0)">'+sn[i]+'</a></li>';
// 						}
						$("#topli").html(html);
						var tb = $("#loadhtml");
						tb.html(CommnUtil.loadingImg());
						tb.load(rootPath+sn[2]);
				});
			});
		});
</script>
</head>
<body class="" style="">
	<section class="vbox">
		<header class="bg-dark dk header navbar navbar-fixed-top-xs">
			<div class="navbar-header aside-md" >
				<a class="btn btn-link visible-xs"
					data-toggle="class:nav-off-screen,open" data-target="#nav,html">
					<i class="fa fa-bars"></i>
				</a> <a href="index.shtml#" class="navbar-brand"
					data-toggle="fullscreen"><img
					src="${ctx}/notebook/notebook_files/logo.png" class="m-r-sm">Notebook</a>
				<a class="btn btn-link visible-xs" data-toggle="dropdown"
					data-target=".nav-user"> <i class="fa fa-cog"></i>
				</a>
			</div>
			<ul class="nav navbar-nav hidden-xs">
			
			
			</ul>
			<ul class="nav navbar-nav navbar-right m-n hidden-xs nav-user">
				<li class="hidden-xs"><a href="index.html#"
					class="dropdown-toggle dk" data-toggle="dropdown">
						
				</a>
					<section class="dropdown-menu aside-xl">
						<section class="panel bg-white">
						</section>
					</section></li>
					
					
					
				<li class="dropdown"><a href="index.html#"
					class="dropdown-toggle" data-toggle="dropdown"> <span
						class="thumb-sm avatar pull-left"> <img
							src="${ctx}/notebook/notebook_files/avatar.jpg">
					</span> ${userFormMap.accountName} <b class="caret"></b>
				</a>
					<ul class="dropdown-menu animated fadeInRight">
						<span class="arrow top"></span>
						<!-- <li><a href="index.shtml#">Settings</a></li> -->
						<li><a href="#" onclick="javascript:updatePasswordLayer();">密码修改</a></li>
						<!-- <li><a href="index.html#"> <span
								class="badge bg-danger pull-right">3</span> Notifications
						</a></li> -->
						<!-- <li><a href="docs.html">Help</a></li>
						<li class="divider"></li> -->
						<li><a href="logout.shtml">Logout</a></li>
					</ul></li>
			</ul>
		</header>
		<section>
			<section class="hbox stretch">
				<!-- .aside -->
				<aside class="bg-dark lter aside-md hidden-print hidden-xs" id="nav">
					<section class="vbox">
						<header class="header bg-primary lter text-center clearfix">
							<div class="btn-group">
							系统菜单
							</div>
						</header>
						<section class="w-f scrollable">
							<div class="slim-scroll" data-height="auto"
								data-disable-fade-out="true" data-distance="0" data-size="5px"
								data-color="#333333">
								<!-- nav -->
								<nav class="nav-primary hidden-xs">
									<ul class="nav">
											<li class="active"> 某一项展开</li>
											<li >
											<a href="javascript:void(0)"> 
												<i class="fa fa-dashboard icon"> <b class="bg-danger"></b></i>
												<span class="pull-right"> 
													<i class="fa fa-angle-down text"></i> 
													<i class="fa fa-angle-up text-active"></i>
												</span> 
												<span>key.name</span>
											</a>
											<ul class="nav lt">
													<li >
															<a href="javascript:void(0)"> 
																<i class="fa fa-pencil-square icon"> <b class="bg-danger"></b></i>
																<span class="pull-right"> 
																	<i class="fa fa-angle-down text"></i> 
																	<i class="fa fa-angle-up text-active"></i>
																</span> 
																<span>key.name</span>
															</a>
															<ul class="nav lt">
																<li class="active">
																	<a href="javascript:void(0)" class="active" nav-n="key.name}kc.name}"> 
																		<i class="fa fa-angle-right"></i> 
																		<span>kc.name</span>
																	</a>
																</li>
															</ul>
													</li>
											</ul>
										</li>
										
										<li >
											<a href="javascript:void(0)"> 
												<i class="fa fa-dashboard icon"> <b class="bg-danger"></b></i>
												<span class="pull-right"> 
													<i class="fa fa-angle-down text"></i> 
													<i class="fa fa-angle-up text-active"></i>
												</span> 
												<span>key.name</span>
											</a>
											<ul class="nav lt">
												<li class="active">
													<a href="javascript:void(0)" class="active" nav-n="key.name}kc.name}"> 
														<i class="fa fa-angle-right"></i> 
														<span>kc.name</span>
													</a>
												</li>
											</ul>
										</li>
									</ul>
								</nav>
								<!-- / nav -->
							</div>
						</section>
						<footer class="footer lt hidden-xs b-t b-dark">
							<div id="chat" class="dropup">
								<section class="dropdown-menu on aside-md m-l-n">
									<section class="panel bg-white">
										<header class="panel-heading b-b b-light">Active
											chats</header>
										<div class="panel-body animated fadeInRight">
											<p class="text-sm">No active chats.</p>
											<p>
												<a href="#" class="btn btn-sm btn-default">Start a chat</a>
											</p>
										</div>
									</section>
								</section>
							</div>
							<div id="invite" class="dropup">
								<section class="dropdown-menu on aside-md m-l-n">
									<section class="panel bg-white">
									</section>
								</section>
							</div>
						</footer>
					</section>
				</aside>
				<!-- /.aside -->
				<section id="content">
					<section id="id_vbox" class="vbox">
						<ul class="breadcrumb no-border no-radius b-b b-light" id="topli">
						</ul>
						<section class="scrollable" style="margin-top: 35px;">
						<div id="loadhtml">loadhtml</div>
						</section>
					</section>
				</section>
				<aside class="bg-light lter b-l aside-md hide" id="notes">
					<div class="wrapper">Notification</div>
				</aside>
			</section>
		</section>
	</section>
	<!-- Bootstrap -->
	<div id="flotTip" style="display: none; position: absolute;"></div>


</body>
</html>